<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>nexi.me</title>
		
		<link rel="stylesheet" href="css/nexi.css">
	</head>
	<body>
		
		
		<header role="banner">
			<h1 class="logo"><a href="/">nexi.me</a></h1>
			
			<div class="user">
				Andrei Eftimie <a href="/logout/">Logout</a>
			</div>
		</header>
				
		<section class="project-list">
			<header>
				<h1>My Projects</h1>
				<a href="/add/">Add Project</a>
			</header>						
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Open Hack</h1>
					</header>
					<p><strong>php</strong>, <strong>mysql</strong>, <strong>photoshop</strong>, <strong>html</strong>, <strong>css</strong></p>
					<div class="staffed">100%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Helios</h1>
					</header>
					<p><strong>html</strong>, <strong>css</strong>, javascript, python, <strong>pycherry</strong>, django, node.js, fireworks</p>
					<div class="staffed">26%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Wee Testing</h1>
					</header>
					<p>lorem ipsum</p>
					<div class="staffed">0%</div>
				</a>
			</article>			
		</section>
		
		<section class="project-list">
			<header>
				<h1>All Projects</h1>
			</header>						
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Open Hack</h1>
					</header>
					<p><strong>php</strong>, <strong>mysql</strong>, <strong>photoshop</strong>, <strong>html</strong>, <strong>css</strong></p>
					<div class="staffed">100%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Helios</h1>
					</header>
					<p><strong>html</strong>, <strong>css</strong>, javascript, python, <strong>pycherry</strong>, django, node.js, fireworks</p>
					<div class="staffed">26%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Wee Testing</h1>
					</header>
					<p>lorem ipsum</p>
					<div class="staffed">0%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Open Hack</h1>
					</header>
					<p><strong>php</strong>, <strong>mysql</strong>, <strong>photoshop</strong>, <strong>html</strong>, <strong>css</strong></p>
					<div class="staffed">100%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Helios</h1>
					</header>
					<p><strong>html</strong>, <strong>css</strong>, javascript, python, <strong>pycherry</strong>, django, node.js, fireworks</p>
					<div class="staffed">26%</div>
				</a>
			</article>
			
			<article class="project-item">
				<a href="#">
					<header>
						<h1>Wee Testing</h1>
					</header>
					<p>lorem ipsum</p>
					<div class="staffed">0%</div>
				</a>
			</article>		
		</section>
		
		
	</body>
</html>
